@import './variable.scss';

// 背景颜色
@mixin bg_color() { 
	background: $background-color-theme;
	[data-theme='theme1'] & {
		background: $background-color-theme1;
	}
	[data-theme='theme2'] & {
		background: $background-color-theme2;
	}
  [data-theme='theme3'] & {
		background: $background-color-theme3;
	}
}
@mixin bg_sub_color() {
	background: $background-color-sub-theme;
	[data-theme='theme1'] & {
		background: $background-color-sub-theme1;
	}
	[data-theme='theme2'] & {
		background: $background-color-sub-theme2;
	}
}

// 字体颜色
@mixin font_color() {
	color: $font-color-theme;
	[data-theme='theme1'] & {
		color: $font-color-theme1;
	}
	[data-theme='theme2'] & {
		color: $font-color-theme2;
	}
  [data-theme='theme3'] & {
		color: $font-color-theme3;
	}
}
@mixin font_active_color() {
	color: $font-active-color-theme;
	[data-theme='theme1'] & {
		color: $font-active-color-theme1;
	}
	[data-theme='theme2'] & {
		color: $font-active-color-theme2;
	}
}
// 图标颜色
@mixin icon_color() {
	color: $icon-color-theme;
	[data-theme='theme1'] & {
		color: $icon-color-theme1;
	}
	[data-theme='theme2'] & {
		color: $icon-color-theme2;
	}
}
// 边框颜色
@mixin border_color() {
	border-color: $border-color-theme;
	[data-theme='theme1'] & {
		border-color: $border-color-theme1;
	}
	[data-theme='theme2'] & {
		border-color: $border-color-theme2;
	}
  [data-theme='theme3'] & {
		border-color: $font-color-theme3;
	}
}
